<!--  -->
<template>
  <div>
    <van-button type="primary"  url="/">home</van-button>
    <van-button type="primary" size="large">大号按钮</van-button>
    <van-button type="primary" size="normal">普通按钮</van-button>
    <van-button type="primary" size="small">小型按钮</van-button>
    <van-button type="primary" size="mini">迷你按钮</van-button>
    <van-button type="primary" block>块级元素</van-button>
  </div>
</template>

<script>
export default {
  // name: '',
  // 定义属性
  data() {
    return {

    }
  },
  // 方法集合
  methods: {

  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {

  },
  // 计算属性，会监听依赖属性值随之变化
  computed: {},
  // 引入的组件需要注入到对象中才能使用
  components: {},
  // 监控data中的数据变化
  // watch: {},
  // beforeCreate() {}, // 生命周期 - 创建之前
  // beforeMount() {}, // 生命周期 - 挂载之前
  // beforeUpdate() {}, // 生命周期 - 更新之前
  // updated() {}, // 生命周期 - 更新之后
  // beforeDestroy() {}, // 生命周期 - 销毁之前 v2
  // beforeUnmount() {}, // 生命周期 - 销毁之前 v3
  // destroyed() {}, // 生命周期 - 销毁完成 v2
  // unmounted() {}, // 生命周期 - 销毁完成 v3
  // activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style >
</style>
